html, body { height: 100%;font-family: 'Lato', sans-serif;background-color: #222}
*{outline: none}
.homeContent {
    height: 100%;
    width: 100%;
    position: relative;
    margin: 0 auto;
}
#mainBG { background: url('../img/fondo-construccion.jpg') no-repeat scroll;
          background-position:center;  
          background-size: cover; 
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
}

/*MIDDLE LINE*/
#middle-line{
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 94px;
    margin-top: -47px;
    background-image: url('../img/pattern-gris.png');
    background-repeat: repeat
}

/*LOGO CONTACTO INFO*/
#logo-contacto-wrapper{
    width: 770px;
    min-height: 280px;
    position: relative;
    margin: 0px auto

}

/*GRUA LOGO*/
#logo-contacto-wrapper .grua-logo{
    width: 410px;
    height: 273px;
    background-image: url('../img/estudiofuseo-construccion.png');
    float: left;
    margin-top: -150px
}
#logo-contacto-wrapper .grua-logo h1{text-indent: -9999px}


/*LINEA*/
.linea{
    width: 1px;
    height: 94px;
    background-color: #888;
    float: left;
    margin: 0px 28px 0px 28px 
}

/*DATOS DE CONTACTO*/
.bgPatten{background-image: url('../img/sprite.png');background-repeat: no-repeat}
.datos-contacto{
    float: left;width: 300px
}   
.datos-contacto ul{float: left;list-style: none;margin: 19px 0px 0px 0px;padding: 0px}
.datos-contacto ul li{
    color: #fff;
    font-size: 12px;
    padding-left: 14px;
    margin-bottom: 10px;
    line-height: 12px
}
.datos-contacto ul li a{color: #fff;text-decoration: none}
.datos-contacto ul li a:hover{text-decoration: underline}
/*TEL*/
.datos-contacto ul .tel{background-position: 0px 0px}
/*MAIL*/
.datos-contacto ul .mail{background-position: 0px -13px}
/*TEL*/
.datos-contacto ul .dir{background-position: 0px -26px}